.account-wrap {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: auto;

  &::-webkit-scrollbar { 
    display: none; 
  }

  .section { 
    padding: 12px 16px;

    .section-title { 
      font-size: 14px; 
      font-weight: 600; 
      color: #333; 
      margin-bottom: 12px;
      display: flex; 
      align-items: center;
      justify-content: space-between;
    }
  }

  .base-info {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    padding: 12px;

    .info-row { 
      position: relative;
      display: flex; 
      align-items: center;

      .mask{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
      }

      .info-icon { 
        position: relative;
        margin-right: 12px;

        :global .ant-upload-select{
          width: 70px !important;
          height: 70px !important;
        }
        img { 
          width: 100%; 
          height: 100%; 
          object-fit: cover; 
        }
      }

      .info-col { 
        display: flex; 
        flex-direction: column; 
        gap: 2px; 
        width: 100%;

        &>div{
          line-height: 1em;
        }

        .info-item { 
          display: flex;
          align-items: center;
          min-height: 24px;
          color: var(--gray-7);

          &>div{
            white-space: nowrap;
          }
          &>span{
            color: var(--gray-9);
          }
        }

        .user-bar { 
          display: flex; 
          align-items: center; 
          justify-content: space-between;
        }
      }

      .follow-col{
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 74px;

        .follow-count{
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          margin-bottom: 8px;

          div:first-child{
            line-height: 1em;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 2px;
          }
          div:last-child{
            line-height: 1em;
            font-size: 12px;
            color: var(--gray-8);
          }

          .follow-btn { 
            position: relative; 
          }
        }
      }
    }
  }

  .tabs { 
    background: #fff; 
    border-radius: 8px; 
    box-shadow: 0 1px 4px rgba(0,0,0,0.06); 
    padding: 8px;
  }

  :global {
    .ant-tabs-nav { 
      margin: 0 0 8px 0; 
    }
  }

  /* shared defaults kept minimal; specific list styles in their module files */

  .follow-list { 
    display: flex; 
    gap: 8px; 
    flex-wrap: wrap;

    .follow-tag { 
      background: #fff; 
      border-radius: 20px; 
      padding: 4px 8px; 
      display: inline-flex; 
      align-items: center; 
      gap: 6px; 
      box-shadow: 0 1px 4px rgba(0,0,0,0.06); 
      cursor: pointer;

      .follow-avatar { 
        width: 18px; 
        height: 18px; 
        border-radius: 50%; 
        overflow: hidden; 
        display: inline-flex; 
        align-items: center; 
        justify-content: center;

        img { 
          width: 100%; 
          height: 100%; 
          object-fit: cover; 
        }
      }
    }
  }
}